<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
				<h3>工作经历</h3>
				<hr >
				<div id="d" >
					
					公司名称:<input type="text" name="" id="" value="" />
					职位:<input type="text" name="" id="" value="" />
					<a href="#" onclick="deleteDiv()">删除工作经历</a>
					<table >
						<tr>
							<td>工作职责及工作内容描述:</td>
							<td><textarea rows="7px" cols="60px">
								
							</textarea></td>
						</tr>
						
					</table>
					<hr >
					
				</div>
				<a href="#" style="float: right;" onclick="addDiv()">添加工作经历</a>

	</body>
	<script type="text/javascript">
				function addDiv(){
					var first=document.getElementById('d');
					first.innerHTML+=`
					   <div id="div_2">
						<h3>工作经历</h3>
						<hr >
						公司名称:<input type="text" name="" id="" value="" />
					    职位:<input type="text" name="" id="" value="" />
					    <a href="#" onclick="deleteDiv()">删除工作经历</a>
					    <table >
						<tr>
							<td>工作职责及工作内容描述:</td>
							<td><textarea rows="7px" cols="60px">
								
							</textarea></td>
						</tr>
						
					    </table>
					   <hr >
					   </div>
					`
				}
				function deleteDiv(){
					var a=document.getElementById('d')
					var b=document.getElementById('div_2')
					a.removeChild(b)
				}

	</script>
</html>
